import React from "react";
import store from "../../store/store";

import {incrementAction,decrementAction,waitIncrementAction}from '../../store/actions/countAction'

export default function Count(){
     // 储存的方法
    const {count} =store.getState().count
     
    // 这个是写增加的
    const incrementHandle =()=>{
        store.dispatch(incrementAction(1))
       
    }
    // 这个是写减少的
    const decreamentHandle =()=>{
        store.dispatch(decrementAction(1))
      
    }
    // 这个是写是否是奇数
    const ifOddDecrementHandle =()=>{
        if(count % 2 !==0){
            store.dispatch(incrementAction(1))
          
        }
    }
    //这个是来一个定时器，然后要等到2秒之后再执行的
    const waitDecrementHandle = ()=>{
            store.dispatch(waitIncrementAction(1))
        }
    

  

    return (
        <div>
            <h1>我是Count组件 我的值是{count}</h1>
     
        <div>
            <button onClick={incrementHandle}>累加</button>
            <button onClick={decreamentHandle}>累减</button>
            <button onClick={ifOddDecrementHandle}>如果是奇数再加1</button>
            <button onClick={waitDecrementHandle}>等2s再加1</button>
        </div>
        </div>
    )
}